<template>
  <div style="font-size: 0.35rem">
    <div
      style="
        position: sticky;
        top: 0;
        z-index: 999;
        background: white;
        height: 1rem;
        line-height: 1rem;
      "
    >
      <p style="float: left; padding-left: 0.4rem" @click="out"><</p>
      <p style="text-align: center; margin-top: 0.5rem">注销账号</p>
      <van-back-top />
    </div>

    <p>
      <van-notice-bar
        wrapable
        :scrollable="false"
        text="注销前需要先阅读并听一账号注销须知，一旦完成注销 所有信息和问诊、处方、购买记录等将无法恢复"
      />
    </p>
    <p
      style="
        line-height: 0.5rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.2rem;
      "
    >
      一、亲爱的圆心用户，您可在【我的-设置-账号管理-注销账号】项下提供的账号注销方式自
      主完成注销。
    </p>
    <p
      style="
        line-height: 0.5rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.2rem;
      "
    >
      二、您在向我们申请注销前，应当认真阅读《账号注销须知》（以下称《注销须知》），
      请您务必审慎阅读、充分理解协议中相关条款内容。
    </p>
    <p
      style="
        line-height: 0.5rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.2rem;
        font-size: 0.4rem;
      "
    >
      【特别提示】
    </p>
    <p
      style="
        line-height: 0.5rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.2rem;
      "
    >
      <span
        >（1）当您按照注销页面提示填写信息、阅读并同意本《注销须知》及相关条款与条件且完成全部注销程序后，即表示您已充分阅读、理解并接受本《注销须知》的全部内容。</span
      >
      <span style="font-weight: bold"
        >阅读本《注销须知》的过程中，如果您不同意相关任何条款和条件约定，请您立即停止账号注销程序。我们在此善意地提醒您，您注销账号的行为会给您的售后维权带来诸多不便，且注销账号后，您的个人信息我们只会在系统中去除，使其保持不可被检索、访问的状态，或对其进行匿名化处理。您知晓并理解，根据相关法律规定，相关交易记录将会在后台保存5年甚至更长的时间。</span
      >
    </p>
    <p
      style="
        line-height: 0.5rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.2rem;
      "
    >
      <span style="font-weight: bold">请</span>
      <span
        >您确认并知悉：您使用的本平台的服务系圆心科技集团的多个服务之一，圆心科技集团旗下所有互联网产品和服务使用一个用户账号系统，当您向我们申请注销您的账号时，</span
      >
      <span style="font-weight: bold"
        >一旦该账号被注销掉后，您的所有信息和问诊、挂号、处方、购买记录等将无法恢复，也将无法使用相关其他相关平台的服务（包括但不限于以下平台：妙手医生APP、妙手云医APP、妙手医助APP、妙手医生小程序、圆心健康小程序、圆心会员小程序、妙手医生平台官网）</span
      >
    </p>
    <p
      style="
        line-height: 0.5rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.2rem;
        font-size: 0.38rem;
        font-weight: bold;
      "
    >
      三、如果您仍执意注销账号,您的账号需同时满足以下条件:
    </p>
    <p
      style="
        line-height: 0.4rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        font-size: 0.32rem;
      "
    >
      1.您的账户近 7 天内未有过交易记录;
    </p>
    <p
      style="
        line-height: 0.4rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        font-size: 0.32rem;
      "
    >
      2.自愿放弃账号在系统中的资产和虚拟权益(包括但不限于账号余额、优惠券、虚拟币、积分等)自愿放弃;
    </p>
    <p
      style="
        line-height: 0.4rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.2rem;
        font-size: 0.32rem;
      "
    >
      3.账号内无未完成的订单和服务;
    </p>
    <p
      style="
        line-height: 0.4rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.2rem;
        font-size: 0.32rem;
      "
    >
      4.您的账号及通过您的账号接入的第三方中没有未完成或存在争议的服务;
    </p>
    <p
      style="
        line-height: 0.4rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.2rem;
        font-size: 0.32rem;
      "
    >
      5.账号无任何纠纷,包括投诉举报或被投诉举报;
    </p>
    <p
      style="
        line-height: 0.4rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.2rem;
        font-size: 0.32rem;
      "
    >
      6.账号为正常使用中且1年内无任何账号被限制的记录;
    </p>
    <p
      style="
        line-height: 0.4rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.2rem;
        font-size: 0.32rem;
      "
    >
      7.账号已经解除与其他网站、其他APP的授权登录或绑定关系;
    </p>
    <p
      style="
        line-height: 0.5rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.2rem;
      "
    >
      四、在账号注销期间，如果您的账号涉及争议纠纷,包括但不限于投诉、举报、诉讼、仲裁、国家有权机关调查等，平台有权自行终止本账号的注销流程而无需另行得到您的同意。
    </p>
    <p
      style="
        line-height: 0.5rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.2rem;
      "
    >
      五、注销账号，您将无法再使用本账号，也将无法找回您账号中及与账号相关的任何内容或信息，包括但不限于:
    </p>
    <p
      style="
        line-height: 0.5rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.2rem;
        font-size: 0.32rem;
      "
    >
      1.本账号的个人资料和历史信息(包括但不限于用户名、头像、浏览记录、购买记录、收藏信息、关注信息等)都将无法找回;
    </p>
    <p
      style="
        line-height: 0.5rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        font-size: 0.32rem;
      "
    >
      2.您通过账号使用、授权登录或绑定账号后使用的平台相关或第三方的其他服务的所有记录将无法找回。您将无法再登录、使用前述服务,您曾获得的余额、优惠券、积分、资格、订单、内容及其账号上所有的其他内容权益等视为您自行放弃，将无法继续使用或找回。您理解并同意，平台无法协助您重新恢复前述服务。请您在提交注销申请前，务必先了解您须解绑的其他相关账号信息，具体可通过【意见反馈】等方式进行联系本平台。
    </p>
    <p
      style="
        line-height: 0.5rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.2rem;
        font-weight: bold;
        font-size: 0.38rem;
      "
    >
      六、注销本账号后,您将放弃以下权益和资产
    </p>
    <p
      style="
        line-height: 0.5rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.2rem;
        font-weight: bold;
      "
    >
      1.账号信息、会员权益、虚拟资产、历史账号信息、历史账号使用信息且无法恢复;
    </p>
    <p
      style="
        line-height: 0.5rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.2rem;
        font-weight: bold;
      "
    >
      2.您将无法使用该手机号登录原账户;
    </p>
    <p
      style="
        line-height: 0.5rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.2rem;
        font-weight: bold;
      "
    >
      3.解除与第三方授权或绑定关系。
    </p>
    <p
      style="
        line-height: 0.5rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.2rem;
        font-size: 0.38rem;
      "
    >
      七、注销账号并不代表本账号注销前的账号行为和相关责任得到豁免或减轻。如您对本《注销须知》有任何疑问,可根据【意见反馈】进行反馈。
    </p>
    <p
      style="
        line-height: 0.5rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.2rem;
        font-size: 0.34rem;
      "
    >
      <van-checkbox v-model="checked"
        >我已阅读并同意《账号注销须知》</van-checkbox
      >
    </p>
    <p>
      <button
        style="
          background-color: #2a72e4;
          border-radius: 0.1rem;
          width: 96%;
          height: 1rem;
          margin-left: 2%;
          border: none;
          color: #fff;
        "
        @click="out"
      >
        我再想想
      </button>
    </p>
    <p>
      <button
        style="
          background-color: #eaeaea;
          border-radius: 0.1rem;
          width: 96%;
          height: 1rem;
          margin-left: 2%;
          border: none;
        "
        @click="xiao"
      >
        申请注销
      </button>
    </p>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
// 引入轻提示
import { showToast } from 'vant'

// 引入弹出框
import { showDialog } from 'vant'

import { useRouter } from 'vue-router'
const router = useRouter()
const out = () => {
  router.push('/ding/she')
}
const checked = ref(false)
const xiao = () => {
  if (checked.value == false) {
    showToast('请勾选同意《账号注销须知》')
  } else {
    showDialog({
      message: '您的账号存在近7天的订单，不符合注销条件',
    }).then(() => {
      // on close
    })
  }
}
</script>

<style scoped>
.box {
  background: #2a72e4;
  border-radius: 0.1rem;
}
</style>
